Ext.define('Triends.view.MainPage', {
    	extend: 'Ext.TabPanel',
    	id: 'main',
    	xtype: 'main',
    	alias: 'mainpage',
    	config: {
    		fullscreen: true,
//    		hidden:true,
    		layout: 'card',
            tabBarPosition : 'bottom',
            ui: 'light',
            items: [{
		    			title: 'Triends',
		    			iconCls: 'team',
	    	    		iconMask: true,
		    			id: 'triends',
		    			xtype: 'panel',
		    			layout: 'card',
		    			items: [{
		    				xtype: 'triendslist'
		    			}]
		    		},
		    		{
		    			title: 'Ting',
		    			iconCls: 'search',
		    			ui: 'decline',
		    			xtype: 'panel',
		    			id: 'ting',
		    			layout: 'card',
		    			items: [{
			    			xtype: 'tinglist'
			    		},
			    		{
			    			xtype: 'tingopen'
			    		}]
		    		},
		    		{
		    			title: 'Account',
		    			iconCls: 'user',
		    			xtype: 'panel',
		    			id: 'account',
		    			layout: 'card',
		    			items: [{
		    				xtype: 'userinfo'
		    			},{
		    				xtype: 'mymsg'
		    			},{
		    				xtype: 'msginfo'
		    			},{
		    				xtype: 'infomodify'
		    			}]
					},
					{
						title: 'Info',
						iconCls: 'info',
						iconMask: true,
						xtype: 'panel',
						id: 'settings',
						layout: 'card',
						items: [{
							xtype: 'settingslist'
						},{
							xtype: 'versionpage'
						},{
							xtype: 'noticelist'
						},{
							xtype: 'noticeinfo'
						},{
							xtype: 'helppage'							
						},{
							xtype: 'questionpage'							
						},{
							xtype: 'pushpage'
						}]
					
			}]
    	}
});
    